读取编码 UTF-81.31KB
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>腾讯地图</title>
    <style type="text/css">
        #map {
            /*地图(容器)显示大小*/
            width: 100%;
            height: 100vh;
        }
    </style>
    <!--1.引入Javascript API GL，参数说明参见下文-->
    <script src="https://map.qq.com/api/gljs?v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>

</head>
<!-- 页面载入后，调用init函数 -->
<body onload="initMap()">
    <!-- 定义地图显示容器 -->
    <div id="map"></div>
    <script>
        //地图初始化函数，本例取名为init，开发者可根据实际情况定义
        function initMap() {
            //定义地图中心点坐标
            const center = new TMap.LatLng(26.984120, 114.307484)
            //定义map变量，调用 TMap.Map() 构造函数创建地图
            const map = new TMap.Map(document.getElementById('map'), {
                center: center,//设置地图中心点坐标
                zoom: 11.2,   //设置地图缩放级别
                pitch: 43.5,  //设置俯仰角
                rotation: 0    //设置地图旋转角度
            });
        }
    </script>
</body>

</html>